<template>
  <section class="app-main" style="min-height: 100%">
    <transition name="fade" mode="out-in">
      <!--<keep-alive :include="cachedViews">-->
      <!--<keep-alive include="" :exclude="['DeepInsight', 'SMBIntelligence', 'Comparison']">-->
        <!--<router-view></router-view>-->
      <!--</keep-alive>-->
      <!--<router-view></router-view>-->
      <keep-alive include="customerProfile" >
        <router-view :key="$route.fullPath"></router-view>
      </keep-alive>
    </transition>
  </section>
</template>

<script>
export default {
  name: 'AppMain'
//  computed: {
//    cachedViews() {
//      // console.log(this.$store.state.tagsView.cachedViews)
//      return this.$store.state.tagsView.cachedViews
//    }
//    // key() {
//    //   return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
//    // }
//  }
}
</script>

<style lang="scss" scoped>
  .app-main{
    margin: 0 5px;
    padding-top: 5px;
  }
</style>
